<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>客户列表</title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/bootstrap4.5.min.js"></script>
</head>
<style>
    /*https://fkwysbz04.jz.fkw.com/?previewDemo=true  关于我们  客户列表*/

.customer_list_list ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .customer_list_list ul li a{
      display: inline-block;
      height: 150px;
      cursor: pointer;
      position: relative;
  }
  .customer_list_list ul li{
      display: inline-block;
      padding: 0 10px;
  }
  .customer_list_list ul li a::after{
      position: absolute;
      top: 0;
      content: " ";
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
  }
  .customer_list_list ul li img{
      width: 100%;
      height: 100%;
  }
  .customer_list_list ul li  a:hover::after{
      display: none;
  }

  @media(max-width:1200px){
    .customer_list_list ul {
    flex-wrap: wrap;
  }
  .customer_list_list ul li{
      width: 50%;
      display: inline-block;
      padding:  10px;
  }
  }
  @media(max-width:600px){
  .customer_list_list ul li{
      width: 100%;
      padding:  10px 0;
  }
  }
</style>

<body>
    <div class="customer_list modular">
        <div class="customer_list_list public_width">
            <ul >
                <li><a><img src="../images/case_list_2_1.jpg" alt=""></a></li>
                <li><a><img src="../images/case_list_2_1.jpg" alt=""></a></li>
                <li><a><img src="../images/case_list_2_1.jpg" alt=""></a></li>
                <li><a><img src="../images/case_list_2_1.jpg" alt=""></a></li>
                <li><a><img src="../images/case_list_2_1.jpg" alt=""></a></li>
                <li><a><img src="../images/case_list_2_1.jpg" alt=""></a></li>
            </ul>
   
        </div>
    </div>

</body>

</html>